<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>小何blog (记录美好)</title><meta name="author" content="六根清静"><meta name="copyright" content="六根清静"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="description" content="记录美好，记录生活，记录学习">
<meta property="og:type" content="website">
<meta property="og:title" content="小何blog (记录美好)">
<meta property="og:url" content="https://liugenqingjing2.coding.me/page/4/index.html">
<meta property="og:site_name" content="小何blog (记录美好)">
<meta property="og:description" content="记录美好，记录生活，记录学习">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="http://01.027cgb.com/632500/1576904533264.jpg">
<meta property="article:author" content="六根清静">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://01.027cgb.com/632500/1576904533264.jpg"><link rel="shortcut icon" href="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200907/wOu*ZmuVb5A4.png"><link rel="canonical" href="https://liugenqingjing2.coding.me/page/4/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//hm.baidu.com"/><link rel="preconnect" href="//fonts.googleapis.com" crossorigin="crossorigin"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css"><script>var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e829919a4d931d733ee74d5d97a51582";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;display=swap"><script>var GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: {"defaultEncoding":2,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"簡"},
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: {"limitCount":20,"languages":{"author":"作者: 六根清静","link":"链接: ","source":"来源: 小何blog (记录美好)","info":"著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"}},
  ClickShowText: undefined,
  lightbox: 'fancybox',
  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#121212","position":"bottom-left"},
  justifiedGallery: {
    js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
    css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
  },
  isPhotoFigcaption: true,
  islazyload: true,
  isanchor: true
};

var saveToLocal = {
  set: function setWithExpiry(key, value, ttl) {
    const now = new Date()
    const expiryDay = ttl * 86400000
    const item = {
      value: value,
      expiry: now.getTime() + expiryDay,
    }
    localStorage.setItem(key, JSON.stringify(item))
  },

  get: function getWithExpiry(key) {
    const itemStr = localStorage.getItem(key)

    if (!itemStr) {
      return undefined
    }
    const item = JSON.parse(itemStr)
    const now = new Date()

    if (now.getTime() > item.expiry) {
      localStorage.removeItem(key)
      return undefined
    }
    return item.value
  }
}</script><script id="config_change">var GLOBAL_CONFIG_SITE = { 
  isPost: false,
  isHome: true,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2021-04-17 21:23:54'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(function () {  window.activateDarkMode = function () {
    document.documentElement.setAttribute('data-theme', 'dark')
    if (document.querySelector('meta[name="theme-color"]') !== null) {
      document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
    }
  }
  window.activateLightMode = function () {
    document.documentElement.setAttribute('data-theme', 'light')
   if (document.querySelector('meta[name="theme-color"]') !== null) {
      document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
    }
  }
  const autoChangeMode = '2'
  const t = saveToLocal.get('theme')
  if (autoChangeMode === '1') {
    const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
    const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
    const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
    const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
    if (t === undefined) {
      if (isLightMode) activateLightMode()
      else if (isDarkMode) activateDarkMode()
      else if (isNotSpecified || hasNoSupport) {
        const now = new Date()
        const hour = now.getHours()
        const isNight = hour <= 6 || hour >= 18
        isNight ? activateDarkMode() : activateLightMode()
      }
      window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
        if (saveToLocal.get('theme') === undefined) {
          e.matches ? activateDarkMode() : activateLightMode()
        }
      })
    } else if (t === 'light') activateLightMode()
    else activateDarkMode()
  } else if (autoChangeMode === '2') {
    const now = new Date()
    const hour = now.getHours()
    const isNight = hour <= 6 || hour >= 18
    if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
    else if (t === 'light') activateLightMode()
    else activateDarkMode()
  } else {
    if (t === 'dark') activateDarkMode()
    else if (t === 'light') activateLightMode()
  }const asideStatus = saveToLocal.get('aside-status')
if (asideStatus !== undefined) {
   if (asideStatus === 'hide') {
     document.documentElement.classList.add('hide-aside')
   } else {
     document.documentElement.classList.remove('hide-aside')
   }
}})()</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HCLonely/images@master/others/heartbeat.min.css"><link rel="stylesheet" href="/css/shuo.css"/><link rel="stylesheet" href="/magnetcss/magnet.css"/><link rel="stylesheet" href="/css/calendar.css"/><link rel="stylesheet" href="//at.alicdn.com/t/font_2060620_l0j6b710zk.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/font-awesome-animation.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/macblack.css"><link rel="stylesheet" href="/css/change.css"><link rel="stylesheet" href="/news/css/news.css"/><style type="text/css">#toggle-sidebar {bottom: 80px}</style><link rel="stylesheet" href="/magnet/css/catalogMagnet.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-double-row-display@1.00/cardlistpost.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/iconfont.min.css"><link rel="stykesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/pool.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/><link rel="stylesheet" href="/zan/zan.css"><link rel="stylesheet" href="/swiper/swiper.min.css"><link rel="stylesheet" href="/swiper/swiperstyle.css"><style>#article-container.post-content h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { -webkit-animation: avatar_turn_around 1s linear infinite; -moz-animation: avatar_turn_around 1s linear infinite; -o-animation: avatar_turn_around 1s linear infinite; -ms-animation: avatar_turn_around 1s linear infinite; animation: avatar_turn_around 1s linear infinite; }</style><meta name="generator" content="Hexo 5.0.0"></head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="wizard-scene"><div class="wizard-objects"><div class="wizard-square"></div><div class="wizard-circle"></div><div class="wizard-triangle"></div></div><div class="wizard"><div class="wizard-body"></div><div class="wizard-right-arm"><div class="wizard-right-hand"></div></div><div class="wizard-left-arm"><div class="wizard-left-hand"></div></div><div class="wizard-head"><div class="wizard-beard"></div><div class="wizard-face"><div class="wizard-adds"></div></div><div class="wizard-hat"><div class="wizard-hat-of-the-hat"></div><div class="wizard-four-point-star --first"></div><div class="wizard-four-point-star --second"></div><div class="wizard-four-point-star --third"></div></div></div></div></div></div><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" data-lazy-src="http://01.027cgb.com/632500/1576904533264.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">138</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">63</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">8</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/stars/"><i class="fa-fw fas fa-star faa-shake animated-hover"></i><span> 收藏网址</span></a></div><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw iconfont icon-zhuye faa-shake animated-hover"></i><span> 主页</span></a></div><div class="menus_item"><a class="site-page" href="/blog.html"><i class="fa-fw iconfont icon-Artboard faa-shake animated-hover"></i><span> 博客</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw iconfont icon-guidang faa-shake animated-hover"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw iconfont icon-biaoqian faa-shake animated-hover"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw iconfont icon-yule1"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/movies/"><i class="fa-fw iconfont icon-yingshi faa-shake animated-hover"></i><span> 影视</span></a></li><li><a class="site-page" href="/games/"><i class="fa-fw iconfont icon-youxi1 faa-shake animated-hover"></i><span> 游戏</span></a></li><li><a class="site-page" href="/galleryGroup"><i class="fa-fw iconfont icon-tuku faa-shake animated-hover"></i><span> 图库</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messagepad/"><i class="fa-fw iconfont icon-ziyuan6 faa-shake animated-hover"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw iconfont icon-icon_xinyong_xianxing_jijin- faa-shake animated-hover"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw iconfont icon-guanyuwomen faa-shake animated-hover"></i><span> 关于我</span></a></div></div></div></div><div id="body-wrap"><header class="full_page" id="page-header" style="background-image: url(http://kp.027cgb.cn/632500/v2-2828cf150efd15e5b1c1ee112b78e5f3_r.jpg)"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">小何blog (记录美好)</a></span><span id="menus"><div id="search_button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/stars/"><i class="fa-fw fas fa-star faa-shake animated-hover"></i><span> 收藏网址</span></a></div><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw iconfont icon-zhuye faa-shake animated-hover"></i><span> 主页</span></a></div><div class="menus_item"><a class="site-page" href="/blog.html"><i class="fa-fw iconfont icon-Artboard faa-shake animated-hover"></i><span> 博客</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw iconfont icon-guidang faa-shake animated-hover"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw iconfont icon-biaoqian faa-shake animated-hover"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw iconfont icon-yule1"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/movies/"><i class="fa-fw iconfont icon-yingshi faa-shake animated-hover"></i><span> 影视</span></a></li><li><a class="site-page" href="/games/"><i class="fa-fw iconfont icon-youxi1 faa-shake animated-hover"></i><span> 游戏</span></a></li><li><a class="site-page" href="/galleryGroup"><i class="fa-fw iconfont icon-tuku faa-shake animated-hover"></i><span> 图库</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messagepad/"><i class="fa-fw iconfont icon-ziyuan6 faa-shake animated-hover"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw iconfont icon-icon_xinyong_xianxing_jijin- faa-shake animated-hover"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw iconfont icon-guanyuwomen faa-shake animated-hover"></i><span> 关于我</span></a></div></div><span class="close" id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></span></span></nav><div id="site-info"><h1 id="site-title">小何blog (记录美好)</h1><div id="site-subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/he1213114428" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:484695754@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="tencent://message/?uin=484695754" target="_blank" title="QQ"><i class="fab fa-qq"></i></a></div></div><div id="scroll-down"><i class="fas fa-angle-down scroll-down-effects"></i></div></header><main class="layout" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="recent-post-item photo-tag" style="width:100%;height:auto;float:left;padding:5px;flex-wrap:wrap;justify-content : center;flex-direction: row; "><div id="catalogMagnet"><figure class="gallery-group color-card" v-for="(item,index) in link" :style="[figbackColor,figShadow]"><img class="gallery-group-img loaded" :src="img[index]" data-ll-status="loaded"><figcaption :style="[figLetimg,figLetColor]"><div class="gallery-group-name magnetname" style="font-size: 1rem;"><span>| </span><a :href="catalogMagnet.link[index]" :style="[figLetColor]">{{catalogMagnet.link[index].text}}</a></div><li class="category-list-item"><span class="category-list-count"><i class="fas fa-book"></i>{{catalogMagnet.postnum[index].textContent}}</span></li><p>{{catalogMagnet.describe[index]}}</p><a :href="catalogMagnet.link[index]"></a></figcaption></figure></div><div class="categoryMagnetitem" style="display:none"><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a><span class="category-list-count">75</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/">后端学习</a><span class="category-list-count">28</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/">学习笔记</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%99%BE%E5%AE%9D%E7%AE%B1/">百宝箱</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a><span class="category-list-count">14</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%8B%B1%E8%AF%AD%E7%A7%AF%E7%B4%AF/">英语积累</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%A7%86%E9%A2%91%E5%89%AA%E8%BE%91/">视频剪辑</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/">随笔日志</a><span class="category-list-count">5</span></li></ul></div></div><div class="recent-post-item" style="height:auto;width:100%"><div class="blog-slider swiper-container-fade swiper-container-horizontal" id="swiper_container"><div class="blog-slider__wrp swiper-wrapper" style="transition-duration: 0ms;"><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/1597229138179.jpeg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-08-12</span><a class="blog-slider__title" target="_blank" rel="noopener" href="http://11wiki.top/2020/08/12/%E5%85%A5%E9%97%A8%E5%89%8D%E6%AE%B5%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF-%E8%87%AA%E8%BA%AB%E7%BB%8F%E5%8E%86/">前端入门学习路线(自身经历)</a><div class="blog-slider__text">根据自己这大半年自学的前端总结的自己认为较好的学习路线(包括视频，资料都会奉上)，个人感觉资源好找，但是合适的很难找，所以这只是对我比较合适的，希望对有想法自学的人有帮助。</div><a class="blog-slider__button" target="_blank" rel="noopener" href="http://11wiki.top/2020/08/12/%E5%85%A5%E9%97%A8%E5%89%8D%E6%AE%B5%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF-%E8%87%AA%E8%BA%AB%E7%BB%8F%E5%8E%86/">详情</a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200928/cqCkLlWiKa6B.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-09-28</span><a class="blog-slider__title" target="_blank" rel="noopener" href="https://11wiki.top/2020/09/28/%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/">贪吃蛇游戏</a><div class="blog-slider__text">程序小练习，贪吃蛇游戏，主要运用了JavaScript综合案例，比如节点操作和和各种事件联系，并且运用了JQuery的简单使用，练习JavaScript和JQuery的基本方法。</div><a class="blog-slider__button" target="_blank" rel="noopener" href="https://11wiki.top/2020/09/28/%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/">详情</a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201207/Fl4X3LG@lWEY.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-12-07</span><a class="blog-slider__title" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/07/Python%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%82%B9-%E7%88%AC%E8%99%AB%E4%B9%8B%E6%95%B0%E6%8D%AE%E8%A7%A3%E6%9E%90/">Python基础知识点(爬虫之数据解析)</a><div class="blog-slider__text">Python是一门解释型，面向对象的高级编程语言。是一门开源免费的，支持交互式，可跨平台移植的脚本语言。</div><a class="blog-slider__button" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/07/Python%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%82%B9-%E7%88%AC%E8%99%AB%E4%B9%8B%E6%95%B0%E6%8D%AE%E8%A7%A3%E6%9E%90/">详情</a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201220/S5Rbu0CygQwW.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-12-14</span><a class="blog-slider__title" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/14/%E6%A0%BE%E5%B7%9D%E6%B8%B8%E8%AE%B0/">栾川游记</a><div class="blog-slider__text">栾川周末游，老君山鸡冠洞，玩的是真的很开心！！！</div><a class="blog-slider__button" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/14/%E6%A0%BE%E5%B7%9D%E6%B8%B8%E8%AE%B0/">详情</a></div></div></div><div class="blog-slider__pagination swiper-pagination-clickable swiper-pagination-bullets"></div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/22/uni-app%E5%BC%80%E5%8F%91-%E5%85%AD-%E6%95%B0%E6%8D%AE%E7%BC%93%E5%AD%98%E5%92%8C%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E9%A2%84%E8%A7%88%E4%BB%A5%E5%8F%8A%E6%B3%A8%E9%87%8A%E5%85%BC%E5%AE%B9/" title="uni-app开发(六.数据缓存和图片上传预览以及注释兼容)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201022/@QbP^@3b5*dD.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uni-app开发(六.数据缓存和图片上传预览以及注释兼容)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/22/uni-app%E5%BC%80%E5%8F%91-%E5%85%AD-%E6%95%B0%E6%8D%AE%E7%BC%93%E5%AD%98%E5%92%8C%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E9%A2%84%E8%A7%88%E4%BB%A5%E5%8F%8A%E6%B3%A8%E9%87%8A%E5%85%BC%E5%AE%B9/" title="uni-app开发(六.数据缓存和图片上传预览以及注释兼容)">uni-app开发(六.数据缓存和图片上传预览以及注释兼容)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-22T03:03:37.000Z" title="发表于 2020-10-22 11:03:37">2020-10-22</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:27:58.363Z" title="更新于 2021-01-10 20:27:58">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/uni-app/">uni-app</a></span></div><div class="content">uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/19/uni-app%E5%BC%80%E5%8F%91-%E4%BA%94-%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F_/" title="uni-app开发(五.生命周期)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201019/OMCQf^iyi7HO.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uni-app开发(五.生命周期)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/19/uni-app%E5%BC%80%E5%8F%91-%E4%BA%94-%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F_/" title="uni-app开发(五.生命周期)">uni-app开发(五.生命周期)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-19T13:44:03.000Z" title="发表于 2020-10-19 21:44:03">2020-10-19</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:28:06.874Z" title="更新于 2021-01-10 20:28:06">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/">学习笔记</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/uni-app/">uni-app</a></span></div><div class="content">uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/19/uni-app%E5%BC%80%E5%8F%91-%E5%9B%9B-%E6%95%B0%E6%8D%AE%E7%BB%91%E5%AE%9A%E5%92%8C%E4%BA%8B%E4%BB%B6/" title="uni-app开发(四.数据绑定和事件)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201019/SWUY^5ikvif3.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uni-app开发(四.数据绑定和事件)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/19/uni-app%E5%BC%80%E5%8F%91-%E5%9B%9B-%E6%95%B0%E6%8D%AE%E7%BB%91%E5%AE%9A%E5%92%8C%E4%BA%8B%E4%BB%B6/" title="uni-app开发(四.数据绑定和事件)">uni-app开发(四.数据绑定和事件)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-19T11:53:31.000Z" title="发表于 2020-10-19 19:53:31">2020-10-19</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:28:04.058Z" title="更新于 2021-01-10 20:28:04">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/uni-app/">uni-app</a></span></div><div class="content">uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/18/CSS%E9%A2%84%E7%BC%96%E8%AF%91%E5%A4%84%E7%90%86%E5%99%A8%E4%B9%8BLess%E8%AF%AD%E6%B3%95%E8%A7%84%E8%8C%83/" title="CSS预编译处理器之Less语法规范">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201018/*7ckpMWACr*H.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="CSS预编译处理器之Less语法规范"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/18/CSS%E9%A2%84%E7%BC%96%E8%AF%91%E5%A4%84%E7%90%86%E5%99%A8%E4%B9%8BLess%E8%AF%AD%E6%B3%95%E8%A7%84%E8%8C%83/" title="CSS预编译处理器之Less语法规范">CSS预编译处理器之Less语法规范</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-18T07:18:53.000Z" title="发表于 2020-10-18 15:18:53">2020-10-18</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-11-21T05:58:17.793Z" title="更新于 2020-11-21 13:58:17">2020-11-21</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Less/">Less</a></span></div><div class="content">Less是一种动态样式语言，属于css预处理器的范畴，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展,Less既可以在客户端上运行，也可以借助Node.js在服务端运行。在css预处理器在项目中大大便利了css代码的编写。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/17/uni-app%E5%BC%80%E5%8F%91-%E4%B8%89-%E7%BB%84%E4%BB%B6%E7%9A%84%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8/" title="uni-app开发(三.组件的基本使用与样式)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201017/q0FR7HED4BFF.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uni-app开发(三.组件的基本使用与样式)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/17/uni-app%E5%BC%80%E5%8F%91-%E4%B8%89-%E7%BB%84%E4%BB%B6%E7%9A%84%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8/" title="uni-app开发(三.组件的基本使用与样式)">uni-app开发(三.组件的基本使用与样式)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-17T14:50:03.000Z" title="发表于 2020-10-17 22:50:03">2020-10-17</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:28:01.860Z" title="更新于 2021-01-10 20:28:01">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/uni-app/">uni-app</a></span></div><div class="content">uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/16/uni-app%E5%BC%80%E5%8F%91-%E4%BA%8C-%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE%E5%92%8C%E9%A1%B5%E9%9D%A2%E9%85%8D%E7%BD%AE/" title="uni-app开发(二.全局配置和页面配置)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201016/yLx71ZeeD!V7.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uni-app开发(二.全局配置和页面配置)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/16/uni-app%E5%BC%80%E5%8F%91-%E4%BA%8C-%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE%E5%92%8C%E9%A1%B5%E9%9D%A2%E9%85%8D%E7%BD%AE/" title="uni-app开发(二.全局配置和页面配置)">uni-app开发(二.全局配置和页面配置)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-16T10:57:14.000Z" title="发表于 2020-10-16 18:57:14">2020-10-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:27:54.983Z" title="更新于 2021-01-10 20:27:54">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/uni-app/">uni-app</a></span></div><div class="content">uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/15/JavaScript%E4%B8%AD%E7%9A%84async-await%E7%90%86%E8%A7%A3/" title="JavaScript中的async/await理解">     <img class="post_bg" data-lazy-src="http://8.027cgb.com/632500/v2-a58e01aedffec485738983d6ba629fae_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript中的async/await理解"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/15/JavaScript%E4%B8%AD%E7%9A%84async-await%E7%90%86%E8%A7%A3/" title="JavaScript中的async/await理解">JavaScript中的async/await理解</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-15T09:42:11.000Z" title="发表于 2020-10-15 17:42:11">2020-10-15</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-11-21T05:56:49.957Z" title="更新于 2020-11-21 13:56:49">2020-11-21</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/Promise/">Promise</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/async-await/">async/await</a></span></div><div class="content">JavaScript 中的 async/await 是 AsyncFunction 特性 中的关键字。目前为止，除了 IE 之外，常用浏览器和 Node (v7.6+) 都已经支持该特性。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/15/%E8%A7%A3%E8%AF%BBPromise-%E6%90%AC%E8%BF%90%E5%A4%A7%E4%BD%AC%E7%9A%84/" title="解读Promise(搬运大佬的)">     <img class="post_bg" data-lazy-src="http://8.027cgb.com/632500/v2-0bac4a0a5ac45c96d11c8a2cb518892d_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="解读Promise(搬运大佬的)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/15/%E8%A7%A3%E8%AF%BBPromise-%E6%90%AC%E8%BF%90%E5%A4%A7%E4%BD%AC%E7%9A%84/" title="解读Promise(搬运大佬的)">解读Promise(搬运大佬的)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-15T03:22:57.000Z" title="发表于 2020-10-15 11:22:57">2020-10-15</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-10-15T07:04:05.884Z" title="更新于 2020-10-15 15:04:05">2020-10-15</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/">学习笔记</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/Promise/">Promise</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/ES6/">ES6</a></span></div><div class="content">Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生JS提供了Promise对象。在实际工作和项目中会经常被用到。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/13/uni-app%E5%BC%80%E5%8F%91-%E4%B8%80-uniapp%E7%AE%80%E4%BB%8B/" title="uni-app开发(一.uni-app简介)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201013/gN@5e@dL4Hg5.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uni-app开发(一.uni-app简介)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/13/uni-app%E5%BC%80%E5%8F%91-%E4%B8%80-uniapp%E7%AE%80%E4%BB%8B/" title="uni-app开发(一.uni-app简介)">uni-app开发(一.uni-app简介)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-13T14:37:58.000Z" title="发表于 2020-10-13 22:37:58">2020-10-13</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:28:08.980Z" title="更新于 2021-01-10 20:28:08">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E7%AE%80%E4%BB%8B/">简介</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/uni-app/">uni-app</a></span></div><div class="content">uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/12/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E5%8E%9F%E7%90%86-%E4%BA%8C-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E4%B8%8B-1/" title="计算机组成原理(二.计算机组成下)">     <img class="post_bg" data-lazy-src="http://q.027cgb.com/632500/v2-e4d9fa52a9eca4fd4e4d370ae2ce132f_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="计算机组成原理(二.计算机组成下)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/12/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E5%8E%9F%E7%90%86-%E4%BA%8C-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E4%B8%8B-1/" title="计算机组成原理(二.计算机组成下)">计算机组成原理(二.计算机组成下)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-12T05:12:11.000Z" title="发表于 2020-10-12 13:12:11">2020-10-12</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:40:24.960Z" title="更新于 2021-01-10 19:40:24">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/">后端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E5%8E%9F%E7%90%86%F0%9F%92%BE/">计算机组成原理💾</a></span></div><div class="content">计算机组成原理主要讨论计算机单机系统的组成原理及其内部工作机制，包括各大部件的工作原理、逻辑实现、设计方法及其互连构成计算机整机的技术。主要强调计算机的基本原理、基本知识和基本技巧的训练。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/11/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%BA%8C%E5%8D%81%E4%B8%80-JavaScript%E4%B9%8BES6%E8%AF%AD%E6%B3%95/" title="JavaScript知识点总结(二十一.JavaScript之ES6语法)">     <img class="post_bg" data-lazy-src="http://q.027cgb.com/632500/v2-a19ffd54924b0522435c7d4e67a7aab5_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(二十一.JavaScript之ES6语法)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/11/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%BA%8C%E5%8D%81%E4%B8%80-JavaScript%E4%B9%8BES6%E8%AF%AD%E6%B3%95/" title="JavaScript知识点总结(二十一.JavaScript之ES6语法)">JavaScript知识点总结(二十一.JavaScript之ES6语法)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-11T04:10:08.000Z" title="发表于 2020-10-11 12:10:08">2020-10-11</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:13:09.209Z" title="更新于 2021-01-10 20:13:09">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/ES6/">ES6</a></span></div><div class="content">ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系：前者是后者的语法规格，后者是前者的一种实现</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/10/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E6%A1%88%E4%BE%8B/" title="正则表达式案例">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201010/eSfVt8enEBoH.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="正则表达式案例"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/10/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E6%A1%88%E4%BE%8B/" title="正则表达式案例">正则表达式案例</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-10T10:23:28.000Z" title="发表于 2020-10-10 18:23:28">2020-10-10</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:06:30.004Z" title="更新于 2021-01-10 20:06:30">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">代码练习，关于正则表达式方面，当下网页中最常用的基本效果，比如用户名验证，表单验证，敏感词过滤等等，一些高级的JavaScript技巧，一些常用的小案例。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/10/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%BA%8C%E5%8D%81-JavaScript%E4%B9%8B%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" title="JavaScript知识点总结(二十.JavaScript之正则表达式)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201010/QbU2o0zob3F@.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(二十.JavaScript之正则表达式)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/10/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%BA%8C%E5%8D%81-JavaScript%E4%B9%8B%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" title="JavaScript知识点总结(二十.JavaScript之正则表达式)">JavaScript知识点总结(二十.JavaScript之正则表达式)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-10T02:05:38.000Z" title="发表于 2020-10-10 10:05:38">2020-10-10</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:13:07.331Z" title="更新于 2021-01-10 20:13:07">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/">正则表达式</a></span></div><div class="content">Java高级技巧之正则表达式，正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。是当下网页中使用很多的部分。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/07/%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6%E6%A1%88%E4%BE%8B/" title="函数进阶案例">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201007/6JREBZEgZRR^.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="函数进阶案例"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/07/%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6%E6%A1%88%E4%BE%8B/" title="函数进阶案例">函数进阶案例</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-07T13:22:21.000Z" title="发表于 2020-10-07 21:22:21">2020-10-07</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T09:21:59.859Z" title="更新于 2021-01-10 17:21:59">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">代码练习，关于函数进阶方面的，比如闭包，改变this指向的三种方法，递归等等，一些高级的JavaScript技巧，一些常用的小案例。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/05/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B9%9D-JavaScript%E4%B9%8B%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6/" title="JavaScript知识点总结(十九.JavaScript之函数进阶)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201005/YODat!o74ZNA.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十九.JavaScript之函数进阶)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/05/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B9%9D-JavaScript%E4%B9%8B%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6/" title="JavaScript知识点总结(十九.JavaScript之函数进阶)">JavaScript知识点总结(十九.JavaScript之函数进阶)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-05T13:48:49.000Z" title="发表于 2020-10-05 21:48:49">2020-10-05</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:13.664Z" title="更新于 2021-01-10 20:15:13">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6/">函数进阶</a></span></div><div class="content">JavaScript的高级篇之函数进阶部分，严格模式，高阶函数，闭包，递归等等，函数的高级部分，增强对函数的使用和高级技巧的练习，和使用。是JavaScript进阶部分的重难点内容。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/05/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84-%E4%BA%8C-%E5%8D%95%E9%93%BE%E8%A1%A8%E4%B8%8A/" title="数据结构(二.单链表上)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201005/hydlzQ3m7MVo.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="数据结构(二.单链表上)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/05/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84-%E4%BA%8C-%E5%8D%95%E9%93%BE%E8%A1%A8%E4%B8%8A/" title="数据结构(二.单链表上)">数据结构(二.单链表上)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-05T04:31:31.000Z" title="发表于 2020-10-05 12:31:31">2020-10-05</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:00:06.925Z" title="更新于 2021-01-10 20:00:06">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/">后端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></span></div><div class="content">单链表是一种链式存取的数据结构，用一组地址任意的存储单元存放线性表中的数据元素。链表中的数据是以结点来表示的，每个结点的构成：元素(数据元素的映象) + 指针(指示后继元素存储位置)，元素就是存储数据的存储单元，指针就是连接每个结点的地址数据。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/04/%E5%95%86%E5%93%81%E6%9F%A5%E8%AF%A2%E6%A1%88%E4%BE%8B/" title="商品查询案例">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201004/sZGLcf^*OFcW.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="商品查询案例"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/04/%E5%95%86%E5%93%81%E6%9F%A5%E8%AF%A2%E6%A1%88%E4%BE%8B/" title="商品查询案例">商品查询案例</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-04T01:44:04.000Z" title="发表于 2020-10-04 09:44:04">2020-10-04</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:59:44.355Z" title="更新于 2021-01-10 19:59:44">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，商品查询案例，主要运用了JavaScript的ES5中新增的方法中的数组的方法，比如forEach()、filter()等，练习JavaScript的高级方法。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/03/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E5%85%AB-JavaScript%E4%B9%8B%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E5%92%8C%E5%8E%9F%E5%9E%8B/" title="JavaScript知识点总结(十八.JavaScript之构造函数和原型)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201003/7oTD4X^!^qda.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十八.JavaScript之构造函数和原型)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/03/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E5%85%AB-JavaScript%E4%B9%8B%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E5%92%8C%E5%8E%9F%E5%9E%8B/" title="JavaScript知识点总结(十八.JavaScript之构造函数和原型)">JavaScript知识点总结(十八.JavaScript之构造函数和原型)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-03T02:24:47.000Z" title="发表于 2020-10-03 10:24:47">2020-10-03</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:08.719Z" title="更新于 2021-01-10 20:15:08">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E5%92%8C%E5%8E%9F%E5%9E%8B/">构造函数和原型</a></span></div><div class="content">在Es6之前,由于javascript没有对类的支持,也就是说它并不具备如传统后台语言(比如java)拥有类的功能,然而在javascript中,虽没有类的概念,但是它往往是通过构造函数和原型对象来给对象模拟与类相似的功能,但是这些相似的功能并不一定表现的与类完全一致,其实创建构造函数的过程,就是创建模板的过程,类一定程度上与此相似。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/10/02/%E5%BC%80%E5%AD%A6%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AC%A1%E2%80%9C%E8%BF%9B%E5%9F%8E%E2%80%9D/" title="开学的第一次“进城”">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201220/3LwxAb5kcHSq.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="开学的第一次“进城”"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/02/%E5%BC%80%E5%AD%A6%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AC%A1%E2%80%9C%E8%BF%9B%E5%9F%8E%E2%80%9D/" title="开学的第一次“进城”">开学的第一次“进城”</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-02T14:03:50.000Z" title="发表于 2020-10-02 22:03:50">2020-10-02</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:50:02.488Z" title="更新于 2021-01-10 19:50:02">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/">随笔日志</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E6%97%A5%E5%BF%97%F0%9F%93%92/">日志📒</a></span></div><div class="content">啊啊啊，大学第一次进洛阳市里玩，因为学校离市区太远了，哈哈，今天去看了《姜子牙》，吃了好吃的，可惜就是没有去景区玩，因为下雨了啊啊啊！！！</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/10/01/%E5%A5%BD%E7%94%A8%E7%9A%84Web%E5%B7%A5%E5%85%B7%E7%BD%91%E7%AB%99/" title="好用的Web工具网站">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201001/*mXDlskLsAb*.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="好用的Web工具网站"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/10/01/%E5%A5%BD%E7%94%A8%E7%9A%84Web%E5%B7%A5%E5%85%B7%E7%BD%91%E7%AB%99/" title="好用的Web工具网站">好用的Web工具网站</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-10-01T14:12:06.000Z" title="发表于 2020-10-01 22:12:06">2020-10-01</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T09:23:02.273Z" title="更新于 2021-01-10 17:23:02">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%99%BE%E5%AE%9D%E7%AE%B1/">百宝箱</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Web%E5%B7%A5%E5%85%B7%F0%9F%94%8E/">Web工具🔎</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E7%BD%91%E7%AB%99%F0%9F%97%BA%EF%B8%8F/">网站🗺️</a></span></div><div class="content">超级好用的Web开发工具在线网站，比如ico图标制作，颜色调节选取工具，渐变背景CSS3选取，阿里巴巴图标库，借助于码云搭建的冷文图床。等等好用的Web开发工具。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/30/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%89%88tab%E6%A0%8F%E5%88%87%E6%8D%A2/" title="面向对象版tab栏切换">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200930/pwARNzlWR5GX.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="面向对象版tab栏切换"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/30/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%89%88tab%E6%A0%8F%E5%88%87%E6%8D%A2/" title="面向对象版tab栏切换">面向对象版tab栏切换</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-30T11:50:37.000Z" title="发表于 2020-09-30 19:50:37">2020-09-30</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:51:06.836Z" title="更新于 2021-01-10 19:51:06">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，面向对象版tab栏切换，主要运用了JavaScript的ES6高级语法中的面向对象知识点，练习JavaScript的高级方法。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/29/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B8%83-JavaScript%E4%B9%8B%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/" title="JavaScript知识点总结(十七.JavaScript之面向对象)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200930/V7GdWtq^9n07.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十七.JavaScript之面向对象)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/29/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B8%83-JavaScript%E4%B9%8B%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/" title="JavaScript知识点总结(十七.JavaScript之面向对象)">JavaScript知识点总结(十七.JavaScript之面向对象)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-29T00:13:12.000Z" title="发表于 2020-09-29 08:13:12">2020-09-29</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:18.465Z" title="更新于 2021-01-10 20:15:18">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/">面向对象</a></span></div><div class="content">面向对象在JavaScript里有两个层次的含义，第一种是会使用面向对象函数；第二种是构造面向对象函数,JavaScript也是面向对象中的一种写法，不过相对于java，JavaScript是一种弱数据类型，并不是严格意义上的面向对象。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/28/%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/" title="贪吃蛇游戏">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200928/cqCkLlWiKa6B.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="贪吃蛇游戏"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/28/%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/" title="贪吃蛇游戏">贪吃蛇游戏</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-28T02:49:01.000Z" title="发表于 2020-09-28 10:49:01">2020-09-28</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:04:55.853Z" title="更新于 2021-01-10 20:04:55">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E6%B8%B8%E6%88%8F/">游戏</a></span></div><div class="content">程序小练习，贪吃蛇游戏，主要运用了JavaScript综合案例，比如节点操作和和各种事件联系，并且运用了JQuery的简单使用，练习JavaScript和JQuery的基本方法。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/25/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E5%85%AD-JavaScript%E4%B9%8B%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/" title="JavaScript知识点总结(十六.JavaScript之本地存储)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200925/FRw5ezBkJpT4.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十六.JavaScript之本地存储)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/25/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E5%85%AD-JavaScript%E4%B9%8B%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/" title="JavaScript知识点总结(十六.JavaScript之本地存储)">JavaScript知识点总结(十六.JavaScript之本地存储)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-25T08:57:44.000Z" title="发表于 2020-09-25 16:57:44">2020-09-25</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:16.768Z" title="更新于 2021-01-10 20:15:16">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/">本地存储</a></span></div><div class="content">随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。</div></div></div><nav id="pagination"><div class="pagination"><a class="extend prev" rel="prev" href="/page/3/"><i class="fas fa-chevron-left fa-fw"></i></a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/3/">3</a><span class="page-number current">4</span><a class="page-number" href="/page/5/">5</a><a class="page-number" href="/page/6/">6</a><a class="extend next" rel="next" href="/page/5/"><i class="fas fa-chevron-right fa-fw"></i></a></div></nav></div><div class="aside_content" id="aside_content"><div class="card-widget card-info"><div class="card-content"><div class="card-info-avatar is-center"><img class="avatar-img" data-lazy-src="http://01.027cgb.com/632500/1576904533264.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">六根清静</div><div class="author-info__description">记录美好，记录生活，记录学习</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">138</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">63</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">8</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://gitee.com/he_chaoming/dashboard/projects?scope=public&amp;&amp;sort="><i class="fab fa-gofore"></i><span>My Gitee</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/he1213114428" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:484695754@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="tencent://message/?uin=484695754" target="_blank" title="QQ"><i class="fab fa-qq"></i></a></div></div></div><div class="card-widget card-recent-post"><div id="gamenews"><div class="card-content"><div class="item-headline"><i class="fas fa-cube"></i><span>ROLL资讯</span><i class="fas fa-retweet" @click="changetype(current)" style="float:right;margin-top:8px"></i></div><div class="newsbar"><span v-for="(type, index) in listtype" v-on:click="addClass(index)" v-bind:class="{ listtypeon:index==current}">{{type}}</span></div><div class="aside-list"><div class="aside-list-item" v-for="(news,index) in newsvue"><a class="thumbnail" href="javascript:void(0)" @click="getnewsdata(index)" :title="news.title"><img class="loaded" onerror="this.onerror=null;this.src='/img/404.jpg'" data-ll-status="loaded" :src="news.imgList[0]"/></a><div class="content"><a class="title" href="javascript:void(0)" @click="getnewsdata(index)" :title="news.title">{{news.title}}</a><time>{{news.postTime}}</time></div></div></div></div><div id="newsmodal"><button class="modalclose" @click="hidemodle()">关闭</button><h2>{{newpostvue.title}} </h2><h4>{{newpostvue.ptime}} &nbsp;&nbsp; {{newpostvue.source}}</h4><div v-html="newpostvue.content"></div></div></div></div><div class="card-widget card-shuo"><div class="card-content" style="height:auto;min-height:280px;"><div class="item-headline"><i class="fas fa-comments"></i><span>&#x8BF4;&#x8BF4</span><a id="shuovisualchange" style="cursor:pointer;float:right" onclick="shuovisualchange()">编辑</a></div><div id="artitalk_main" style="width:100%;height:100%;padding:10px"></div></div></div><div class="sticky_layout"></div><div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fas fa-paw fa-spin"></i><span>那年今日</span></div><div id="history-news" style="height: 100px;overflow: hidden;"><div id="history-card"></div></div></div></div><div class="card-widget card-announcement"><div class="card-content"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">大学生一枚，软件工程，想做全栈攻城狮，哈哈，有兴趣可以加 QQ:484695754 (也可以点上面的logo)，一起交流学习</div></div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="card-content"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/2021/03/21/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%89-%E8%B7%A8%E5%9F%9F%E4%BB%8B%E7%BB%8D%E5%92%8CJSONP%E4%BB%8B%E7%BB%8D/" title="Node.js学习(二十三.跨域介绍和JSONP介绍)"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210321/qWPEashJOuNK.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十三.跨域介绍和JSONP介绍)"/></a><div class="content"><a class="title" href="/2021/03/21/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%89-%E8%B7%A8%E5%9F%9F%E4%BB%8B%E7%BB%8D%E5%92%8CJSONP%E4%BB%8B%E7%BB%8D/" title="Node.js学习(二十三.跨域介绍和JSONP介绍)">Node.js学习(二十三.跨域介绍和JSONP介绍)</a><time datetime="2021-03-21T13:40:58.000Z" title="发表于 2021-03-21 21:40:58">2021-03-21</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/03/20/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%BA%8C-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%8B/" title="Node.js学习(二十二.Node.js项目流程(下))"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210320/CvAoe6kC5*f2.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十二.Node.js项目流程(下))"/></a><div class="content"><a class="title" href="/2021/03/20/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%BA%8C-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%8B/" title="Node.js学习(二十二.Node.js项目流程(下))">Node.js学习(二十二.Node.js项目流程(下))</a><time datetime="2021-03-20T14:33:29.000Z" title="发表于 2021-03-20 22:33:29">2021-03-20</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/03/15/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%80-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%AD/" title="Node.js学习(二十一.Node.js项目流程(中))"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210320/gSrAfCznw@^F.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十一.Node.js项目流程(中))"/></a><div class="content"><a class="title" href="/2021/03/15/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%80-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%AD/" title="Node.js学习(二十一.Node.js项目流程(中))">Node.js学习(二十一.Node.js项目流程(中))</a><time datetime="2021-03-15T04:35:12.000Z" title="发表于 2021-03-15 12:35:12">2021-03-15</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/03/14/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B(%E4%B8%8A)/" title="Node.js学习(二十.Node.js项目流程(上))"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210320/UMp@B^akHmf8.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十.Node.js项目流程(上))"/></a><div class="content"><a class="title" href="/2021/03/14/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B(%E4%B8%8A)/" title="Node.js学习(二十.Node.js项目流程(上))">Node.js学习(二十.Node.js项目流程(上))</a><time datetime="2021-03-14T14:36:58.000Z" title="发表于 2021-03-14 22:36:58">2021-03-14</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/02/27/Node-js%E5%AD%A6%E4%B9%A0-%E5%8D%81%E4%B9%9D-%E5%B0%81%E8%A3%85%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E5%BA%93%E5%92%8CCSRF/" title="Node.js学习(十九.封装操作数据库和CSRF)"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210227/EcgLTE4WPOp^.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(十九.封装操作数据库和CSRF)"/></a><div class="content"><a class="title" href="/2021/02/27/Node-js%E5%AD%A6%E4%B9%A0-%E5%8D%81%E4%B9%9D-%E5%B0%81%E8%A3%85%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E5%BA%93%E5%92%8CCSRF/" title="Node.js学习(十九.封装操作数据库和CSRF)">Node.js学习(十九.封装操作数据库和CSRF)</a><time datetime="2021-02-27T13:20:18.000Z" title="发表于 2021-02-27 21:20:18">2021-02-27</time></div></div></div></div></div><div class="card-widget card-categories"><div class="card-content"><div class="item-headline"><i class="fas fa-folder-open"></i><span>分类</span></div><ul class="card-category-list" id="aside-cat-list">
            <li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/"><span class="card-category-list-name">前端学习</span><span class="card-category-list-count">75</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/"><span class="card-category-list-name">后端学习</span><span class="card-category-list-count">28</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/"><span class="card-category-list-name">学习笔记</span><span class="card-category-list-count">7</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E7%99%BE%E5%AE%9D%E7%AE%B1/"><span class="card-category-list-name">百宝箱</span><span class="card-category-list-count">2</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/"><span class="card-category-list-name">程序代码</span><span class="card-category-list-count">14</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E8%8B%B1%E8%AF%AD%E7%A7%AF%E7%B4%AF/"><span class="card-category-list-name">英语积累</span><span class="card-category-list-count">3</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E8%A7%86%E9%A2%91%E5%89%AA%E8%BE%91/"><span class="card-category-list-name">视频剪辑</span><span class="card-category-list-count">4</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/"><span class="card-category-list-name">随笔日志</span><span class="card-category-list-count">5</span></a></li>
            
            </ul></div></div><div class="card-widget card-tags"><div class="card-content"><div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/tags/CSS/" style="font-size: 1.23em; color: rgb(200, 91, 182)">CSS</a><a href="/tags/CSS3/" style="font-size: 1.19em; color: rgb(61, 116, 73)">CSS3</a><a href="/tags/%E5%8D%95%E4%BD%8D/" style="font-size: 1.1em; color: rgb(112, 112, 132)">单位</a><a href="/tags/Less/" style="font-size: 1.1em; color: rgb(115, 13, 92)">Less</a><a href="/tags/HTML5/" style="font-size: 1.19em; color: rgb(197, 99, 101)">HTML5</a><a href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/" style="font-size: 1.5em; color: rgb(142, 31, 23)">系列🏬</a><a href="/tags/%E8%AF%AD%E4%B9%89%E5%8C%96/" style="font-size: 1.1em; color: rgb(29, 38, 113)">语义化</a><a href="/tags/JSON/" style="font-size: 1.1em; color: rgb(112, 156, 86)">JSON</a><a href="/tags/JavaScript/" style="font-size: 1.46em; color: rgb(138, 165, 57)">JavaScript</a><a href="/tags/Promise/" style="font-size: 1.14em; color: rgb(146, 22, 172)">Promise</a><a href="/tags/async-await/" style="font-size: 1.1em; color: rgb(176, 83, 23)">async/await</a><a href="/tags/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" style="font-size: 1.14em; color: rgb(150, 53, 12)">正则表达式</a><a href="/tags/DOM%E5%92%8CBOM/" style="font-size: 1.1em; color: rgb(116, 0, 180)">DOM和BOM</a><a href="/tags/ECMAScript/" style="font-size: 1.28em; color: rgb(130, 29, 172)">ECMAScript</a><a href="/tags/%E7%AE%80%E4%BB%8B/" style="font-size: 1.14em; color: rgb(29, 103, 159)">简介</a><a href="/tags/ES6/" style="font-size: 1.14em; color: rgb(126, 81, 196)">ES6</a><a href="/tags/DOM/" style="font-size: 1.19em; color: rgb(182, 176, 115)">DOM</a><a href="/tags/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/" style="font-size: 1.1em; color: rgb(22, 46, 167)">面向对象</a><a href="/tags/BOM/" style="font-size: 1.1em; color: rgb(146, 143, 117)">BOM</a><a href="/tags/%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6/" style="font-size: 1.1em; color: rgb(177, 174, 85)">函数进阶</a><a href="/tags/%E4%BA%8B%E4%BB%B6%E6%B5%81/" style="font-size: 1.1em; color: rgb(135, 139, 62)">事件流</a><a href="/tags/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" style="font-size: 1.1em; color: rgb(102, 158, 70)">移动端网页特效</a><a href="/tags/%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E5%92%8C%E5%8E%9F%E5%9E%8B/" style="font-size: 1.1em; color: rgb(119, 79, 151)">构造函数和原型</a><a href="/tags/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/" style="font-size: 1.1em; color: rgb(29, 63, 30)">本地存储</a><a href="/tags/PC%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" style="font-size: 1.1em; color: rgb(11, 101, 66)">PC网页特效</a><a href="/tags/Markdown/" style="font-size: 1.1em; color: rgb(160, 85, 190)">Markdown</a><a href="/tags/%E5%BF%AB%E9%80%9F/" style="font-size: 1.1em; color: rgb(38, 195, 91)">快速</a><a href="/tags/%E5%BF%85%E5%A4%87/" style="font-size: 1.1em; color: rgb(173, 162, 161)">必备</a><a href="/tags/Node-js/" style="font-size: 1.46em; color: rgb(42, 106, 15)">Node.js</a><a href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" style="font-size: 1.37em; color: rgb(178, 172, 175)">数据库</a><a href="/tags/PR%F0%9F%93%BA/" style="font-size: 1.23em; color: rgb(12, 155, 100)">PR📺</a><a href="/tags/Python/" style="font-size: 1.41em; color: rgb(183, 18, 200)">Python</a><a href="/tags/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E2%9C%8D%EF%B8%8F/" style="font-size: 1.41em; color: rgb(137, 43, 176)">基础知识✍️</a><a href="/tags/%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C/" style="font-size: 1.1em; color: rgb(47, 142, 0)">文件操作</a><a href="/tags/Snipaste/" style="font-size: 1.1em; color: rgb(101, 159, 41)">Snipaste</a><a href="/tags/%E8%BD%AF%E4%BB%B6/" style="font-size: 1.1em; color: rgb(130, 169, 33)">软件</a><a href="/tags/Vue/" style="font-size: 1.32em; color: rgb(55, 23, 79)">Vue</a><a href="/tags/%E5%B1%9E%E6%80%A7%E5%92%8C%E6%96%B9%E6%B3%95/" style="font-size: 1.1em; color: rgb(80, 89, 158)">属性和方法</a><a href="/tags/%E8%B7%AF%E7%94%B1/" style="font-size: 1.14em; color: rgb(130, 58, 4)">路由</a><a href="/tags/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/" style="font-size: 1.1em; color: rgb(22, 107, 151)">生命周期</a></div></div></div><div class="card-widget card-archives"><div class="card-content"><div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/03/"><span class="card-archive-list-date">三月 2021</span><span class="card-archive-list-count">4</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/02/"><span class="card-archive-list-date">二月 2021</span><span class="card-archive-list-count">15</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/01/"><span class="card-archive-list-date">一月 2021</span><span class="card-archive-list-count">20</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/12/"><span class="card-archive-list-date">十二月 2020</span><span class="card-archive-list-count">15</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/11/"><span class="card-archive-list-date">十一月 2020</span><span class="card-archive-list-count">11</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/10/"><span class="card-archive-list-date">十月 2020</span><span class="card-archive-list-count">26</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/09/"><span class="card-archive-list-date">九月 2020</span><span class="card-archive-list-count">36</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/08/"><span class="card-archive-list-date">八月 2020</span><span class="card-archive-list-count">11</span></a></li></ul></div></div><div class="card-widget card-webinfo"><div class="card-content"><div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">文章数目 :</div><div class="item-count">138</div></div><div class="webinfo-item"><div class="item-name">已运行时间 :</div><div class="item-count" id="runtimeshow" data-publishDate="2020-08-09T16:00:00.000Z"></div></div><div class="webinfo-item"><div class="item-name">本站总字数 :</div><div class="item-count">173.8k</div></div><div class="webinfo-item"><div class="item-name">本站访客数 :</div><div class="item-count" id="busuanzi_value_site_uv"></div></div><div class="webinfo-item"><div class="item-name">本站总访问量 :</div><div class="item-count" id="busuanzi_value_site_pv"></div></div><div class="webinfo-item"><div class="item-name">最后更新时间 :</div><div class="item-count" id="last-push-date" data-lastPushDate="2021-04-17T13:23:52.452Z"></div></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2020 - 2021 By 六根清静</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div><div class="footer_custom_text">Hi,  welcome  to  my  <a  href="">blog</a>!</div><div class="icp"><a><img class="icp-icon" src="/img/icp.png" alt="ICP"/><span>豫ICP备2020025430号</span></a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="translateLink" type="button" title="简繁转换">简</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog"></i></button><button id="chat_btn" type="button" title="rightside.chat_btn"><i class="fas fa-sms"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"><div id="local-hits"></div><div id="local-stats"><div class="local-search-stats__hr" id="hr"><span>由</span> <a target="_blank" rel="noopener" href="https://github.com/wzpan/hexo-generator-search" style="color:#49B1F5;">hexo-generator-search</a>
 <span>提供支持</span></div></div></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/tw_cn.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module" defer></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script><script src="/js/search/local-search.js"></script><script async="async">var preloader = {
  endLoading: () => {
    document.body.style.overflow = 'auto';
    document.getElementById('loading-box').classList.add("loaded")
  },
  initLoading: () => {
    document.body.style.overflow = '';
    document.getElementById('loading-box').classList.remove("loaded")

  }
}
window.addEventListener('load',()=> {preloader.endLoading()})
setTimeout(function(){preloader.endLoading();}, 50000);</script><div class="js-pjax"><script>function subtitleType () {
  $.getJSON('https://v1.hitokoto.cn', function (data) {
    if (true) {
      var from = '出自 ' + data.from
      var sub = "".length == 0 ? new Array() : "".split(',')
      var both = sub.unshift(data.hitokoto, from)
      var typed = new Typed('#subtitle', {
        strings: sub,
        startDelay: 300,
        typeSpeed: 150,
        loop: true,
        backSpeed: 50,
      })
    } else {
      document.getElementById('subtitle').innerHTML = data.hitokoto
    }
  })
}

if (true) {
  if (typeof Typed === 'function') subtitleType()
  else $.getScript('https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js', subtitleType)
} else {
  subtitleType()
}
</script><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><script src='https://cdn.jsdelivr.net/npm/artitalk'></script><script> $(".category-list-count").prepend("<i class=\"fas fa-book\"></i>");</script><script src="/js/list.js"></script><script src="/js/gitcalendar.js"></script><script src="/js/calendar.js"></script><script src="/js/xkTool.js"></script><script src="/js/pjax.js"></script><script src="/magnet/js/vue.min.js"></script><script src="/magnet/js/catalogMagnet.js"></script><script src="/js/airvisualapi.js"></script><script src="/js/history.js"></script><script src="/js/historyroll.js"></script><script src="/js/change.js"></script><script type="text/javascript" src="https://www.airvisual.com/scripts/widget_v2.0.js"></script><script> setTimeout(function(){$('.monoline').eq(0).html($(".monoline strong").eq(0).text().replace('°','℃'));},5000);</script><script src="https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/js/mouse_snow.min.js"></script><script src="/js/myBg.js"></script><script src="/js/shuo.js"></script><script src="/js/artitalkkey.js"></script><script src="/news/js/keys.js"></script><script src="/news/js/news.js"></script><script src="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/js/pool.min.js"><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/stars/stars.js"></script><script src="https://cdn1.lncld.net/static/js/3.5.0/av-min.js"></script><script src="/zan/zan.js"></script><div class="aplayer no-destroy" data-id="2916766519" data-server="netease" data-type="playlist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-preload="none" data-autoplay="false" muted></div><script src="/swiper/swiper.min.js"></script><script src="/swiper/swiperindex.js"></script><script async src="//at.alicdn.com/t/font_2264842_3izu8i5eoc2.js"></script><canvas class="fireworks" mobile="false"></canvas><script src="/js/third-party/fireworks.js"></script><script src="/js/third-party/activate-power-mode.js"></script><script>POWERMODE.colorful = true;
POWERMODE.shake = true;
POWERMODE.mobile = false;
document.body.addEventListener('input', POWERMODE);
</script><script>(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/6fdec148.js","daovoice")
</script><script>var isChatBtn = true
daovoice('init', {
  app_id: '6fdec148',},{
  launcher: { 
     disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示
  },
});
daovoice('update');

if (isChatBtn) {
  var chatBtnFn = () => {
    var chatBtn = document.getElementById("chat_btn")
    chatBtn.addEventListener("click", function(){
      daovoice('show')
    });
  }
  chatBtnFn()
} else {
  if (true) {
    function chatBtnHide () {
      daovoice('update', {},{
        launcher: { 
        disableLauncherIcon: true // 悬浮 ICON 是否显示
        },
      });
    }
    function chatBtnShow () {
      daovoice('update', {},{
        launcher: { 
        disableLauncherIcon: false // 悬浮 ICON 是否显示
        },
      });
    }
  }
}</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js"></script></div><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"scale":1,"hHeadPos":0.5,"vHeadPos":0.618,"jsonPath":"/live2dw/assets/unitychan.model.json"},"display":{"superSample":2,"width":150,"height":300,"position":"right","hOffset":0,"vOffset":-20},"mobile":{"show":true,"scale":0.6},"react":{"opacityDefault":0.7,"opacityOnHover":0.8},"log":false});</script></body></html>